<template>
  <div id="app" :class="header.title ? `padding-top` : ``">
    <LayerHeader />
    <div id="nav">
      <router-link to="/home">首页</router-link> |
      <router-link to="/answer">答题页面</router-link>
      <router-link to="/lotto">抽奖页面</router-link>
      <router-link to="/failure">答题失败页面</router-link>
      <router-link to="/search">垃圾查查</router-link>
      <router-link to="/myCard">我的卡券</router-link>
       <router-link to="/notebook">垃圾分类手册</router-link>
    </div>
    <router-view/>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import LayerHeader from '@/components/layer/header'
export default {
  components:{
    LayerHeader
  },
  data(){
    return{}
  },
  computed:{
    ...mapGetters(['header'])
  }
}
</script>
<style lang="less">
body {
  margin: 0;
  // padding-bottom: 55px;
  font-family: "微软雅黑";
  overflow-x: hidden;
  .padding-top {
    padding-top: calc(45px);
  }
}
</style>
